<template>
	<div class="box"></div>
	<img src="../../images/1.png" alt="" width="100" height="100"
		style="aspect-ratio: 1/1;max-width: 100%;height:auto;border:1px solid #000">
	<button class="abc" @click="add">测试</button>
	<button id="showme" @click="anewTapShow()">测试</button>
</template>
<script>
export default {
	data() {
		return {
			a: 1,
			b: 2
		}
	},
	methods: {
		add() {
		},
		anewTapShow() {
			console.log(`helloworld`);
		}
	},
	mounted() {
		console.log(`helloworld`);
		//1000 500
		//3000 500

		//1000 100
		//3000 100

		//1000 500

		// A1 T1 You
		// A2 T2 Me
		// A1 / T2 < A2 / T1


		//1000 500 
		//1000 550
		//1100 500

		//550 * 2 = 1100
		//Attack up 10%
		//Defense up 10%

		//3000 500
		//3000 500
		//3000 550
		//3300 550


		//1000 500 500
		//1000 500 550
		//1100 500 500
		//1000 550 500
		//(A - B) * C * D * E
	}
}
</script>
<style lang="scss">
.box {
	width: 100px;
	height: 100px;
	border: 2px solid #000;
	background: linear-gradient(30deg, #fff, #000);
}
</style>